
body {
  height: 100%;
}

thead.mid { 
  border-top: solid 1px grey;
}

.label { 
  margin-top: 3px;
}

.listbox { 
  border: solid 1px black;
  background-color: white;
}


th { background-color: #eee; }

.head {
  font-weight: bold;
  font-size: 9pt;
  margin: 2px 0 2px 0;
}

input { 
  height: 10px;
  color: black;
}

div.progress-container { 
  border: 1px solid #ccc; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  background: white;
  overflow: hidden;
}

div.progress-container > div.bar { 
  background-color: #ACE97C; 
  height: 12px;
}

div.hint { 
  z-index: 20;
  position: absolute;
  margin-top: 1px;
  visibility: hidden;
  text-align: center;
  color: #060;
}

div.progress-container:hover div.hint { 
  visibility: visible;
}

#main.window { 
  width: 686px; 
}

body.bare #main.window {
  position: fixed;
  left: 0;
  top: 0;
}


body.bare #titlebar {
  display: none;
}

_::-webkit-full-page-media, _:future, :root body.bare #titlebar {
/* This hack means "safari only". Safari doesn't display the title in the title bar
so we need ours */
  display: block;
}


#Trats, 
#Plots,  #Plots table,
#Quests, #Quests table { 
  width: 200px;
}

#Izquierda, #Derecha {
  width: 202px;
}

#Spells       { width: 200px; }
#Spells table { width: 184px; }

#Trats th,             #Trats td             { width: 145px; }
#Trats th:first-child, #Trats td:first-child { width:  55px; }

tr         { height:  15px; }
#Spells    { height: 236px; }
#Inventory { height: 281px; }
#Plots     { height: 147px; }
#Quests    { height: 294px; }


#ExpBar, #ExpBar .hint, 
#PlotBar, #PlotBar .hint,
#QuestBar, #QuestBar .hint { 
  width: 198px;
}

#Equips {
  width: 272px;
}

#Inventory       { width: 270px; }
#Inventory table { width: 254px; }

#Centro { 
  width: 274px; 
}

#Equips th,             #Equips td             { width: 202px; }
#Equips th:first-child, #Equips td:first-child { width:  70px; }

#EncumBar, #EncumBar .hint { 
  width: 268px;
}

#Spells .value { 
 width: 12ex;
}

#Inventory .value {
  width: 6ex;
}

#TaskBar, #TaskBar .hint { 
  width: 680px;
}

#Quests td, #Plots td { 
  padding-left: 0;
}

body.iOS div.hint {
  visibility: visible;
}

#bsodmom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  display: none;
}
#bsod {
  width: 500px;
  background-color: #008;
  color: white;
  font-family: courier, monospace;
  font-size: 14px;
  margin: auto;
  margin-top: 100px;
  padding: 40px;
}
#bsod p {
  text-align: left;
  margin: 1em;
}
#bsod p.c {
  text-align: center !IMPORTANT;
}
#bsod p.c span {
  background: silver;
  color: #008;
}


div#paused {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 160px;
  opacity: 0.5;
}